<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!-- 
        隐藏元素的方法
        1. display: none; 元素隐藏的同时 失去文档流的位置
        2. visibility: hidden; 和 visibility: collapse;
           元素隐藏的同时保留本身文档流的位置
        3. 对元素直接设置html属性hidden 元素隐藏的同时 失去文档流的位置
     -->
    <div style="display: none;">111111111</div>
    <span style="visibility: hidden;">2222222222</span>
    <p style="visibility: collapse;">33333333333</p>
    <h3 hidden>44444444444</h3>
    <h4>555555555</h4>
</body>
</html> 